.topLine {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    justify-content: space-between;
    .recordSwitch {
        span {
            height: 28px;
            color: #aaa;
            border: 1px solid rgba(238, 238, 238, 1);
            line-height: 26px;
            display: inline-block;
            padding: 0 8px;
            cursor: pointer;
        }
        span:first-child {
            border-right: none;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        span:last-child {
            border-left: none;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }
        .active {
            color: #333;
            background-color: rgba(238, 238, 238, 1);
            font-weight: 500;
        }
    }
    .recordSwitch:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .recordSwitch:last-child {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }
    .totalNumber {
        font-size: 20px;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
    }
}

.recordWrap {
    height: 100%;
    :global {
        .ant-spin-nested-loading,
        .ant-spin-container {
            height: 100%;
        }
    }
}

.scoreContent {
    height: 100%;
    margin: 0 -24px 0 -24px;
    padding: 0 28px 0 24px;
    // background-color: rgba(242, 242, 242, 1);
    .summary {
        color: #999;
        display: flex;
        justify-content: space-between;
        padding: 24px 0 4px;
        .number {
            font-weight: 500;
            color: rgba(0, 0, 0, 1);
        }
    }
}

.score {
    font-weight: 500;
}
